<template>
  <div :class="cls">
    <slot></slot>
  </div>
</template>
<script>
export default {
  name: "uiButtonGroup",
  props: {
    square: {
      type: String,
      default: ""
    },
    type: {
      type: String,
      default: ""
    }
  },
  data() {
    return {
      cls: ""
    };
  },
  mounted() {
    this.initStyle();
  },
  methods: {
    initStyle() {
      this.cls = `ui-button-group ${this.square} ${this.type}`;
    }
  }
};
</script>